<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css3_文本相关属性_文本修饰，文本描边</title>
    <style>
        div {

            width: 200px;
            height: 200px;
            border: 1px crimson solid;
            font-size: 50px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
<!--
    文本换行：
        在css3中，使用white-space属性设置文本的换行方式。
        属性值：
            normal:正常换行，文本会自动换行。(默认值)
            nowrap:文本强制不换行
            pre:按照内容进行输出，和pre标签效果一样
            pre-line:在pre效果基础上，超出元素边界的自动换行，且只识别文本中的换行，空格会忽略。
            pre-wrap:在pre效果基础上，超出元素边界的自动换行。


    文本溢出：
        在css3中，我们可以使用 test-overflow 属性设置文本内容溢出时的呈现模式
        属性值：
            clip:超出部分被裁剪。(默认值)
            ellipsis:超出部分显示省略号。
        注意：要使用test-overflow属性,块容器必须显式定义 overflow 为非visible值，white-space 为nowrap值

-->
<div>这是div这是div这是div这是div这是div这是div这是div这是div这是div这是div</div>
</body>
</html>